<template>
    <div class="person">
        ???
    </div>
</template>

<script lang="ts" setup name="Person">
    import { type PersonInter, type Persons } from '@/types';

    let person: PersonInter = { id: 'asdfahg', name: '张三', age: 20 };

    let personList: Persons = [
        { id: 'asdfahg1', name: '张三', age: 20 },
        { id: 'asdfahg2', name: '张三', age: 21 },
        { id: 'asdfahg3', name: '张三', age: 22 },
    ];
</script>

<style scoped>
    .person {
        background-color: skyblue;
        box-shadow: 0 0 10px;
        border-radius: 10px;
        padding:20px
    }
    button {
        margin: 0 5px;
    }
</style>